<template>
	<div class="template">
		<view class="cartoon">
			<view class="iconfont icon-loading spins"></view>
			<view class="t">刷新中...</view>
		</view>
	</div>
</template>

<style lang="scss" scoped>
	.cartoon {
		display: flex;
		justify-content: center;
		align-items: center;

		.t {
			margin-left: 10rpx;
			font-size: 28rpx;
		}

		.spins {
			margin: 0;
			padding: 0;
			width:16px;
			height:16px;
			line-height: 16px;
			animation: spin 1s linear infinite;
		}

		@keyframes spin {
			0% {
				transform: rotate(0deg);
			}

			100% {
				transform: rotate(360deg);
			}
		}
	}


	.template {

		text-align: center;

		.loader {
			margin: 25px;
		}
	}
</style>